<%--
  Created by IntelliJ IDEA.
  User: cc chen
  Date: 2018/8/8
  Time: 9:29
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<%@ page isELIgnored="false" %>
<html>
<head>
    <title>修改订单(豆瓣酱)</title>
    <link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
    <script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="/static/css/loadingStyle.css">

    <style>

        .form-group input{
            margin:15px 0;
        }

        /*清空tab的标签样式*/
        .nav-tabs > li.active > a,
        .nav-tabs > li.active > a:hover,
        .nav-tabs > li.active > a:focus{
            border-left:none;
            border-right:none;
            border-top:none;
            background-color: transparent;
            border-bottom-color: #1b6d85;
            border-bottom-width: 2px;
        }

    </style>

    <link rel="stylesheet" href="/static/css/loadingStyle.css">
    <!--张总定义的样式-->
    <style>
        .pic{
            float: left;
            width: 120px;
            height: 184px;
            margin-right: 20px;
            border: #000 solid 1px;
            overflow: hidden;
        }
        .pic a {
            position: relative;
            display: block;
            overflow: hidden;
            width: 100%;
            height: 100%;
            box-shadow: 0 1px 6px rgba(0,0,0,.35), 0 0 5px #f9f2e9 inset;
        }
        .pic a img{
            position: relative;
            display: block;
            overflow: hidden;
            width: 100%;
            height: 100%;
            box-shadow: 0 1px 6px rgba(0,0,0,.35), 0 0 5px #f9f2e9 inset;
            cursor: pointer;
            transition: all 0.6s ease-out;
        }
        .pic a img:hover{
            transform: scale(1.1);
        }


        .subject-item, .site-item {
            overflow: hidden;
            zoom: 1;
            border-top: 1px dashed #ddd;
            padding: 20px 0 10px;
        }
        .subject-item .info, .site-item .info {
            overflow: hidden;
            zoom: 1;
            color: #666;
        }
        .subject-item .pic, .site-item .pic {
            float: left;
            margin-right: 20px;
        }
        .subject-item .info p{
            margin-top: 6px;
            margin-bottom: 6px;
            font-size: 13px;
        }
        .subject-item .info p em{
            margin: 1px 5px 0;
            color: #a5a5a5;
        }
        .subject-item .info .ft {
            margin-top: 10px;
            position: relative;
            min-height: 19px;
            _height: 19px;
        }
        h2 {
            font: 15px Arial, Helvetica, sans-serif;
            color: #1f0404;
            margin: 0 0 12px 0;
            line-height: 150%;
        }
        #content{
            width: 1000px;
            margin-left: 100px;
        }
        #bookList{
            width: 675px;
            float: left;
        }
    </style>
</head>
<body background-color: rgba(0,0,0,0.8)>
<%
    String sessionID = session.getId();
%>
<font id="sessionID" hidden="hidden"><%=sessionID%></font>
<div class="container">

    <div class="well well-lg" style="padding-top: 30px;height:920px">
        <center>
            <label style="font-size: 30px;padding-top: 20px">修改订单</label><br>
            <form action="updateOrderAction?page=${page}&userid=${userid}&bid=${bid}&ostate=${ostate}&sdate=${sdate}&edate=${edate}&oid=${order.oid}" class="form-horizontal" role="form" method="post">
                <div class="form-group">
                    <label class="col-sm-4 control-label">图书</label>
                    <div class="col-sm-4">
                        <img alt="140x140"  src="${order.url}" style="height:100px;width:66px" />
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-sm-4 control-label">图书编号</label>
                    <div class="col-sm-4">

                        <input type="text" class="form-control" placeholder="图书编号" value="${order.bid}" readonly="readonly">
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-sm-4 control-label">用户编号</label>
                    <div class="col-sm-4">
                        <input type="text" class="form-control"  placeholder="用户编号" value="${order.uid}" readonly="readonly">
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-sm-4 control-label">书名</label>
                    <div class="col-sm-4">
                        <input type="text" class="form-control" placeholder="书名" value="${order.bname}" readonly="readonly">
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-sm-4 control-label">数量</label>
                    <div class="col-sm-4">
                        <input type="text" class="form-control" placeholder="数量" value="${order.onum}" readonly="readonly">
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-sm-4 control-label">总价</label>
                    <div class="col-sm-4">
                        <input type="text" class="form-control" placeholder="总价" value="${order.oamount}" readonly="readonly">
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-sm-4 control-label">日期</label>
                    <div class="col-sm-4">
                        <input type="date" class="form-control" placeholder="日期" value="${date}" readonly="readonly">
                    </div>
                </div>
                <div class="form-group">
                    <label for="ocstate" class="col-sm-4 control-label">订单状态</label>
                    <div class="col-sm-4">
                        <select name="ocstate" id="ocstate" class="form-control">
                            <option value="已付款">已付款</option>
                            <option value="已发货">已发货</option>
                            <option value="已送达">已送达</option>
                            <option value="已签收">已签收</option>
                        </select>
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-sm-offset-1 col-sm-10">
                        <button class="btn btn-default" style="background-color: #32aacc;color: white;border-color: #32aacc">修改</button>
                    </div>
                </div>
            </form>

        </center>
    </div>
</div>

</body>
</html>
